<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<style type="text/css">
		.click{
			width:70px;
			height:70px;
			margin:5px;
			background-color:gray;
			overflow:auto;
		}
		.inner{
			width : 100px;
			height: 100px;
			position:absolute;
			background:#0CF;
			zoom : 0.5;
			top : 50px;
			left : 50px;
		}
		.inner div{
			width:50px;
			height:50px;
			position:absolute;
			left:25px;
			background:#CCC;
		}
	</style>
	<title>L O G</title>
</head>
<body>
	<div id="demo" class="click"></div>
	<!-- 
	<div style="width:150px;height:150px;border:1px solid #000;position:relative">
		<div class="inner" id="t">
			<div>test</div>
		</div>
	</div>
	<script type="text/javascript" src="log.js"></script> 
	
	-->
	<script type="text/javascript" src="aider.js"></script>
	<script type="text/javascript">
		function zoom(e){
			alert(e.wheelDelta ? -e.wheelDelta : e.detail);
			e.preventDefault();
		}
		var d = document.getElementById("demo")
			mw = $$OBEA.browser.firefox ? 
				'DOMMouseScroll' : 'mousewheel';
		$$OBEA.helpe.addEvent(d, mw, zoom);
	</script>
</body>
</html>